<script>
	import hxt from '@/utils/hxt.js'
	export default {
		onLaunch: function() {
			if (wx.canIUse('getUpdateManager')) {
				const updateManager = wx.getUpdateManager();
				updateManager.onCheckForUpdate(function(res) {
					// 请求完新版本信息的回调
					if (res.hasUpdate) {
						updateManager.onUpdateReady(function() {
							hxt.confirm('新版本已经上线啦~，为了获得更好的体验，建议立即更新。', '更新提示', function(e) {
								// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
								updateManager.applyUpdate();
							});
						});
						updateManager.onUpdateFailed(function() {
							// 新的版本下载失败
							hxt.alert('新版本更新失败，为了获得更好的体验，请您删除当前小程序，重新搜索打开。', '更新失败');
						});
					}
				});
			} else {
				// 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
				hxt.alert('当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。', '提示');
			};
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>



<style lang="scss">
	@import "/wxcomponents/colorui/main.css";
	@import "/wxcomponents/colorui/icon.css";
	@import "/wxcomponents/colorui/animation.css";
	@import '/wxcomponents/tuniao/css/iconfont.css';
	@import '/wxcomponents/tuniao/css/dist/uniapp/index.css';
	@import "/wxcomponents/font-awesome/font-awesome.wxss";
	@import "/wxcomponents/vant/common/index.wxss";


	/*每个页面公共css */
	page {
		height: 100%;
		width: 100%;
		background-color: #FFF;
		overflow: hidden;

		/* vant覆盖样式 */
		--blue: #00B1FF;
		--green: #009688;
		--button-primary-background-color: var(--green);
		--button-primary-border-color: var(--green);
		--button-info-background-color: var(--blue);
		--button-info-border-color: var(--blue);
		--tabbar-item-active-color: var(--blue);
		--tabs-bottom-bar-color: var(--blue);

		--radio-disabled-icon-color: rgba(0, 150, 136, .5);
		--radio-disabled-label-color: #666;
		--checkbox-disabled-icon-color: rgba(0, 150, 136, .5);
		--checkbox-disabled-label-color: #666;
		/* vant覆盖样式 完*/
	}

	.hxt-flex,
	.hxt-flex-column {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.hxt-flex-column {
		height: 100%;
		flex-direction: column;
		align-items: stretch;
		overflow: hidden;
	}

	.hxt-flex-fill {
		flex: 1;
	}

	.hxt-line {
		display: flex;
		align-items: center;
		flex-direction: row;
		font-size: 24rpx;
		color: #999;
		margin: 32rpx 0;
	}

	.hxt-line:before,
	.hxt-line:after {
		display: block;
		content: '';
		flex: 1;
		height: 2rpx;
		background-color: #d7d7d8;
	}

	.hxt-line:before {
		margin-right: 20rpx;
	}

	.hxt-line:after {
		margin-left: 20rpx;
	}

	.hxt-cell {
		height: 120rpx;
		justify-content: space-between;
		background-color: var(--cell-background-color, #fff);
		box-sizing: border-box;
		color: var(--cell-text-color, #323233);
		display: flex;
		flex-direction: column;
		padding: 15rpx 32rpx;
		position: relative;
		width: 100%;
	}

	.hxt-cell .title {
		font-size: 30rpx;
		display: flex;
		align-items: center;
	}

	.hxt-cell .label {
		color: #aaaaaa;
		font-size: 24rpx;
	}

	.hxt-cell+.hxt-cell {
		border-top: 1rpx solid #eee;
	}

	.bg-light {
		background-color: #F7F7F8 !important;
	}
	.inputborder {
			border: 2rpx solid #e5e5e5;
			border-radius: 8rpx;
			background-color: #fff;
			padding: 1rpx 10rpx;
		}
	.van-cell.van-cell-left .van-cell__title { -webkit-box-flex: 0; -webkit-flex: none; flex: none; box-sizing: border-box; width: 6.2em; margin-right: 12px; color: #646566; text-align: left; word-wrap: break-word !important; }
	
	.van-cell-group-scroll{
		    height: 100%;
		    overflow-y: scroll !important;
	}

	/*colorUi覆盖样式*/
	/*m码的按钮*/
	.cu-btn.m {
		padding: 0 30rpx;
		font-size: 25rpx;
		height: 48rpx;
	}

	/*自定义日历*/
	.calendar-header {
		box-shadow: 0 2px 10px rgba(125, 126, 128, .16);
		box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	}

	.cu-list.grid.col-7>.cu-item:nth-child(7n):after {
		border-right-width: 0
	}

	.grid.col-7.grid-square>view {
		padding-bottom: calc((100% - 120rpx)/7);
		height: 0;
		width: calc((100% - 120rpx)/7);
	}

	.grid.col-7.grid-square>view:nth-child(7n) {
		margin-right: 0;
	}

	.grid.col-7>view {
		width: 14%;
	}

	/* .cu-list.grid>.cu-item text {
	  margin-top: 0rpx;
	  line-height: 34rpx;
	} */
	.tag-l {
		display: flex;
		position: absolute;
		font-size: 20rpx !important;
		color: #1cbbb4 !important;
		left: 5rpx;
		top: -5rpx;
	}

	.tag-r {
		display: flex;
		position: absolute;
		font-size: 20rpx !important;
		color: #f37b1d !important;
		right: 5rpx;
		top: -5rpx;
	}

	/*colorUi覆盖样式 完*/

	/*#region 颜色 背景 边框*/
	.hxt-green {
		color: #009688 !important;
	}

	.hxt-green1 {
		color: #5FB878 !important;
	}

	.hxt-dotline {
		display: block;
		width: 100%;
		height: 5rpx;
		margin: 10rpx 0;
		background: linear-gradient(50deg, #39ddb0, rgba(57, 221, 176, 1));
	}

	.hxt-red {
		color: #FF5722 !important;
	}

	.hxt-blue {
		color: #1E9FFF !important;
	}

	.hxt-yellow {
		color: #FFB800 !important;
	}

	.hxt-black {
		color: #393D49 !important;
	}

	.hxt-gray {
		color: #666 !important;
	}

	.hxt-333 {
		color: #333 !important;
	}

	.hxt-888 {
		color: #888;
	}

	.hxt-999 {
		color: #999 !important;
	}

	.hxt-679 {
		color: #6C799E;
	}

	.hxt-bg {
		background-color: #f7f8fa !important;
	}

	.hxt-bg-gradualBlue {
		background: var(--gradualBlue);
	}

	.hxt-ml {
		margin-left: 15rpx;
	}

	/*#endregion*/

	.hxt-wrap {
		word-wrap: break-word;
		word-break: break-all;
		white-space: pre-line;
	}

	.hxt-keep {
		word-wrap: normal !important;
		word-break: keep-all !important;
		white-space: nowrap !important;
	}

	.hxt-card {
		background: #fff;
		margin: 20rpx;
		padding: 10rpx;
		border-radius: 15rpx;
	}

	.hxt-maarea {
		position: absolute;
		top: 0;
		right: 120rpx;
		width: 95%;
		height: 95%;
		pointer-events: none;
	}

	.hxt-maview {
		margin-left: 100vh;
		pointer-events: auto;
		margin-top: 50vh;
	}

	.scrollPage {
		height: 100vh;
	}

	.nav-list {
		display: flex;
		flex-wrap: wrap;
		padding: 0px 40rpx 0px;
		justify-content: space-between;
	}

	.nav-li {
		padding: 30rpx;
		border-radius: 12rpx;
		width: 45%;
		margin: 0 2.5% 40rpx;
		background-size: cover;
		background-position: center;
		position: relative;
		z-index: 1;
	}

	.nav-li::after {
		content: "";
		position: absolute;
		z-index: -1;
		background-color: inherit;
		width: 100%;
		height: 100%;
		left: 0;
		bottom: -10%;
		border-radius: 10rpx;
		opacity: 0.2;
		transform: scale(0.9, 0.9);
	}

	.nav-li.cur {
		color: #fff;
		background: rgb(94, 185, 94);
		box-shadow: 4rpx 4rpx 6rpx rgba(94, 185, 94, 0.4);
	}

	.nav-title {
		font-size: 32rpx;
		font-weight: 300;
	}

	.nav-title::first-letter {
		font-size: 40rpx;
		margin-right: 4rpx;
	}

	.nav-name {
		font-size: 28rpx;
		text-transform: Capitalize;
		margin-top: 20rpx;
		position: relative;
	}

	.nav-name::before {
		content: "";
		position: absolute;
		display: block;
		width: 40rpx;
		height: 6rpx;
		background: #fff;
		bottom: 0;
		right: 0;
		opacity: 0.5;
	}

	.nav-name::after {
		content: "";
		position: absolute;
		display: block;
		width: 100rpx;
		height: 1px;
		background: #fff;
		bottom: 0;
		right: 40rpx;
		opacity: 0.3;
	}

	.nav-name::first-letter {
		font-weight: bold;
		font-size: 36rpx;
		margin-right: 1px;
	}

	.nav-li text {
		position: absolute;
		right: 30rpx;
		top: 30rpx;
		font-size: 52rpx;
		width: 60rpx;
		height: 60rpx;
		text-align: center;
		line-height: 60rpx;
	}

	.text-light {
		font-weight: 300;
	}
	
	
	/*#region 颜色 背景 边框*/
	.color-greenA { color: #009688 !important; }
	.color-greenB { color: #5FB878 !important; }
	.color-red { color: #e54d42 !important; }
	.color-orange { color: #f37b1d !important; }
	.color-yellow { color: #fbbd08 !important; }
	.color-olive { color: #8dc63f !important; }
	.color-green { color: #39b54a !important; }
	.color-cyan { color: #1cbbb4 !important; }
	.color-blue { color: #0081ff !important; }
	.color-blue-1 { color: #409EFF !important; }
	.color-purple { color: #6739b6 !important; }
	.color-mauve { color: #9c26b0 !important; }
	.color-pink { color: #e03997 !important; }
	.color-brown { color: #a5673f !important; }
	.color-grey { color: #8799a3 !important; }
	.color-black { color: #303133 !important; }
	.color-black-1 { color: #323233 !important; }
	.color-darkGray { color: #666666 !important; }
	.color-gray { color: #aaaaaa !important; }
	.color-ghostWhite { color: #f1f1f1 !important; }
	.color-white { color: #ffffff !important; }
	.color-redLight { color: #fadbd9 !important; }
	.color-orangeLight { color: #fde6d2 !important; }
	.color-yellowLight { color: #fef2ce !important; }
	.color-oliveLight { color: #e8f4d9 !important; }
	.color-greenLight { color: #d7f0db !important; }
	.color-cyanLight { color: #d2f1f0 !important; }
	.color-blueLight { color: #cce6ff !important; }
	.color-purpleLight { color: #e1d7f0 !important; }
	.color-mauveLight { color: #ebd4ef !important; }
	.color-pinkLight { color: #f9d7ea !important; }
	.color-brownLight { color: #ede1d9 !important; }
	.color-greyLight { color: #e7ebed !important; }
	.color-000 { color: #000 !important; }
	.color-333 { color: #333 !important; }
	.color-666 { color: #666 !important; }
	.color-888 { color: #888 !important; }
	.color-999 { color: #999 !important; }
	
	
	.bg-greenA { background-color: #009688 !important; color: #FFF !important; }
	.bg-greenB { background-color: #5FB878 !important; color: #FFF !important; }
	.bg-red { background-color: #e54d42 !important; color: #FFF !important; }
	.bg-orange { background-color: #f37b1d !important; color: #FFF !important; }
	.bg-yellow { background-color: #fbbd08 !important; color: #FFF !important; }
	.bg-olive { background-color: #8dc63f !important; color: #FFF !important; }
	.bg-green { background-color: #39b54a !important; color: #FFF !important; }
	.bg-cyan { background-color: #1cbbb4 !important; color: #FFF !important; }
	.bg-blue { background-color: #0081ff !important; color: #FFF !important; }
	.bg-purple { background-color: #6739b6 !important; color: #FFF !important; }
	.bg-mauve { background-color: #9c26b0 !important; color: #FFF !important; }
	.bg-pink { background-color: #e03997 !important; color: #FFF !important; }
	.bg-brown { background-color: #a5673f !important; color: #FFF !important; }
	.bg-grey { background-color: #8799a3 !important; color: #FFF !important; }
	.bg-black { background-color: #333333 !important; color: #FFF !important; }
	.bg-darkGray { background-color: #666666 !important; color: #FFF !important; }
	.bg-gray { background-color: #aaaaaa !important; }
	.bg-grayA { background-color: #f0f0f0 !important; color: #333333 !important; }
	.bg-ghostWhite { background-color: #f1f1f1 !important; }
	.bg-white { background-color: #ffffff !important; }
	.bg-redLight { background-color: #fadbd9 !important; }
	.bg-orangeLight { background-color: #fde6d2 !important; }
	.bg-yellowLight { background-color: #fef2ce !important; }
	.bg-oliveLight { background-color: #e8f4d9 !important; }
	.bg-greenLight { background-color: #d7f0db !important; }
	.bg-cyanLight { background-color: #d2f1f0 !important; }
	.bg-blueLight { background-color: #cce6ff !important; }
	.bg-purpleLight { background-color: #e1d7f0 !important; }
	.bg-mauveLight { background-color: #ebd4ef !important; }
	.bg-pinkLight { background-color: #f9d7ea !important; }
	.bg-brownLight { background-color: #ede1d9 !important; }
	.bg-greyLight { background-color: #e7ebed !important; }
	.bg-gradualRed { background-image: linear-gradient(45deg, #f43f3b, #ec008c) !important; color: #FFF !important; }
	.bg-gradualOrange { background-image: linear-gradient(45deg, #ff9700, #ed1c24) !important; color: #FFF !important; }
	.bg-gradualGreen { background-image: linear-gradient(45deg, #39b54a, #8dc63f) !important; color: #FFF !important; }
	.bg-gradualPurple { background-image: linear-gradient(45deg, #9000ff, #5e00ff) !important; color: #FFF !important; }
	.bg-gradualPink { background-image: linear-gradient(45deg, #ec008c, #6739b6) !important; }
	.bg-gradualBlue { background-image: linear-gradient(45deg, #0081ff, #1cbbb4) !important; color: #FFF !important; }
	.bg-none { background-color: transparent !important; }
	.bg-light { background-color: #F7F7F8 !important; }
</style>